<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ include file="../../common/taglibs.jsp" %>
<html>
<head>
    <meta charset="UTF-8">
    <title>找回密码</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" href="${ctx}/pages/main/css/base.css">
    <link rel="stylesheet" href="${ctx}/pages/main/css/iconfont.css">
    <link rel="stylesheet" href="${ctx}/pages/main/css/reg.css">
</head>

<body>
    <div id="ajax-hook"></div>
    <div class="wrap">
        <div class="wpn">
            <div class="form-data find_password">
                <h4>找回密码</h4>
                <p class="right_now">已有账号，<a href="./user">马上登录</a></p>
                <p class="p-input pos pc-tel">
                    <label for="pc_tel">手机号</label>
                    <input type="text" id="pc_tel">
                    <span class="tel-warn pc_tel-err hide"><em>最多五个字</em><i class="icon-warn"></i></span>
                </p>
                <p class="p-input pos pc-very">
                    <label for="veri-code">输入验证码</label>
                    <input type="text" id="veri-code">
                    <a href="javascript:;" class="send">发送验证码</a>
                    <span class="time hide"><em>60</em>s</span>
                    <span class="tel-warn error hide"><em>验证码错误，请重新输入</em><i class="icon-warn"></i></span>
                </p>
                <p class="p-input pos code pc-code">
                    <label for="veri">请输入验证码</label>
                    <input type="text" id="veri">
                    <img src="">
                    <span class="tel-warn img-err hide"><em>最多五个字</em><i class="icon-warn"></i></span>
                    <!-- <a href="javascript:;">换一换</a> -->
                </p>
                <div class="pc-pass" style="display: none">
                    <p class="p-input pos" id="newpwd">
                        <label for="passport1">输入新密码</label>
                        <input type="password" style="display: none"/>
                        <input type="password" id="passport1">
                        <span class="tel-warn pwd-err hide"><em></em><i class="icon-warn" style="margin-left: 5px"></i></span>
                    </p>
                    <p class="p-input pos" id="confirmpwd">
                        <label for="passport2">确认新密码</label>
                        <input type="password" style="position:absolute;top:-998px"/>
                        <input type="password" id="passport2">
                        <span class="tel-warn confirmpwd-err hide"><em></em><i class="icon-warn" style="margin-left: 5px"></i></span>
                    </p>
                </div>
                <button class="lang-btn next">下一步</button>
                <p class="right">Powered by © 2018</p>
            </div>
        </div>
    </div>

    <script type="text/javascript" src="${ctx}/public/jQuery/js/jquery.min.js"></script>
    <script type="text/javascript" src="${ctx}/public/jQuery/js/jquery.md5.js"></script>
    <script type="text/javascript" src="${ctx}/common/class/matches.class.js"></script>
    <script type="text/javascript" src="${ctx}/pages/main/js/agree.js"></script>
    <script type="text/javascript">
        var ctx = "${ctx}";
        var webRoot=ctx+"/";

        var MatchesClass  = new MatchesClass();
    </script>
    <script type="text/javascript" src="${ctx}/pages/main/js/getpass.js"></script>
</body>
</html>